<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的关注</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="focus_list">
    <header-top></header-top>
    <header-search-global type="首页"></header-search-global>
    <common-top-nav></common-top-nav>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav></leftnav>
        <div class="user-content focus_content">
          <ul class="tabs tabs-enterPrise">
            <li class="li-tab" v-for="(item,index) in focus_tabs" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
              <span>{{item}}</span>
            </li>
          </ul>
          <div class="divTab" v-show="nowIndex===0">
            <div class="search-top">
              <button class="btn-focus">批量管理</button>
              <div class="search_group">
                <input type="text" class="search_input" v-model="searchContent" placeholder="请输入商品名称">
                <button class="search_btn" @click="changeData">搜索</button>
              </div>
            </div>
            <div class="search-content">
              <div class="goods_list clear">
                <div class="goods" v-for="(item,index) in goods">
                  <button class="btn-delete" v-if="index !== focus_delete" @click="showMask(index)"></button>
                  <transition name="fade">
                    <template v-if="index == focus_delete">
                      <div class="goods_mask">
                        <div class="confrim">确认删除?</div>
                        <div class="goods_btns">
                          <button class="goods_true" @click="deleteGoods(index)">确认</button>
                          <button class="goods_false" @click="hiddenMask(index)">取消</button>
                        </div>
                      </div>
                    </template>
                  </transition>
                  <a href="#">
                    <div class="goods_top" >
                      <img :src="item.picList!=null?item.picList[0].fileUrl:''">
                    </div>
                    <div class="goods_info">
                      <div class="price">¥{{item.unitPrice}}</div>
                      <div class="num">起批量{{item.minNum}}件</div>
                      <div class="goods_name ellipsis">{{item.goodsName}}</div>
                    </div>
                  </a>  
                </div>
              </div>
              <common-page :current="1" :all="total" @btn-click="listen"></common-page>
            </div>
          </div>
          <div class="divTab shop_tabs" v-show="nowIndex===1">
            <div class="search-top">
              <button class="btn-focus">批量管理</button>
              <div class="search_group">
                <input type="text" class="search_input" v-model="searchContent">
                <button class="search_btn" @click="changeData">搜索</button>
              </div>
            </div>
            <div class="search-content">
              <div class="goods_list clear">
              <div class="goods" v-for="(item,index) in brands">
                  <button class="btn-delete" v-if="index !== shop_delete" @click="show_shopMask(index)"></button>
                  <transition name="fade">
                    <template v-if="index == shop_delete">
                      <div class="goods_mask">
                        <div class="confrim">确认删除?</div>
                        <div class="goods_btns">
                          <button class="goods_true" @click="deleteShops(index)">确认</button>
                          <button class="goods_false" @click="hidden_shopMask(index)">取消</button>
                        </div>
                      </div>
                    </template>
                  </transition>
                  <a href="#">
                    <div class="goods_top">
                      <img :src="item.src">
                    </div>
                    <div class="goods_info">
                      <div class="shop_name ellipsis">{{item.shop_name}}</div>
                    </div>
                  </a>
                </div>
              </div>
              <common-page :current="1" :all="total" @btn-click="listen"></common-page>
            </div>
          </div>
          <div class="divTab shop_tabs" v-show="nowIndex===2">
            <div class="search-top">
              <button class="btn-focus">批量管理</button>
              <div class="search_group">
                <input type="text" class="search_input" v-model="searchContent">
                <button class="search_btn" @click="changeData">搜索</button>
              </div>
            </div>
            <div class="search-content">
              <div class="goods_list clear">
                <div class="goods" v-for="(item,index) in brands">
                  <button class="btn-delete" v-if="index !== shop_delete" @click="show_shopMask(index)"></button>
                  <transition name="fade">
                    <template v-if="index == shop_delete">
                      <div class="goods_mask">
                        <div class="confrim">确认删除?</div>
                        <div class="goods_btns">
                          <button class="goods_true" @click="deleteShops(index)">确认</button>
                          <button class="goods_false" @click="hidden_shopMask(index)">取消</button>
                        </div>
                      </div>
                    </template>
                  </transition>
                  <a :href="'brand_details.html'+item.id">
                    <div class="goods_top">
                      <img :src="item.logo">
                    </div>
                    <div class="goods_info">
                      <div class="shop_name ellipsis">{{item.brandName}}</div>
                    </div>
                  </a>
                </div>
              </div>
              <common-page :current="1" :all="total" @btn-click="listen"></common-page>
            </div>
          </div>
          <div class="divTab shop_tabs" v-show="nowIndex===3">
            <div class="search-top">
              <button class="btn-focus">批量管理</button>
              <div class="search_group">
                <input type="text" class="search_input" v-model="searchContent">
                <button class="search_btn" @click="changeData">搜索</button>
              </div>
            </div>
            <div class="search-content">
              <div class="goods_list clear">
                <div class="goods" v-for="(item,index) in companys">
                  <button class="btn-delete" v-if="index !== shop_delete" @click="show_shopMask(index)"></button>
                  <transition name="fade">
                    <template v-if="index == shop_delete">
                      <div class="goods_mask">
                        <div class="confrim">确认删除?</div>
                        <div class="goods_btns">
                          <button class="goods_true" @click="deleteShops(index)">确认</button>
                          <button class="goods_false" @click="hidden_shopMask(index)">取消</button>
                        </div>
                      </div>
                    </template>
                  </transition>
                  <a href="#">
                    <div class="goods_top">
                      <img :src="item.logoUrl">
                    </div>
                    <div class="goods_info">
                      <div class="shop_name ellipsis">{{item.name}}</div>
                    </div>
                  </a>
                </div>
              </div>
              <common-page :current="1" :all="total" @btn-click="listen"></common-page>
            </div>
          </div>
          <div class="divTab shop_tabs" v-show="nowIndex===4">
            <div class="search-top">
              <button class="btn-focus">批量管理</button>
              <div class="search_group">
                <input type="text" class="search_input" v-model="searchContent">
                <button class="search_btn" @click="changeData">搜索</button>
              </div>
            </div>
            <div class="search-content">
              <div class="goods_list clear">
                <div class="goods" v-for="(item,index) in followCompanys">
                  <button class="btn-delete" v-if="index !== shop_delete" @click="show_shopMask(index)"></button>
                  <transition name="fade">
                    <template v-if="index == shop_delete">
                      <div class="goods_mask">
                        <div class="confrim">确认删除?</div>
                        <div class="goods_btns">
                          <button class="goods_true" @click="deleteShops(index)">确认</button>
                          <button class="goods_false" @click="hidden_shopMask(index)">取消</button>
                        </div>
                      </div>
                    </template>
                  </transition>
                  <a href="#">
                    <div class="goods_top">
                      <img :src="item.logoUrl">
                    </div>
                    <div class="goods_info">
                      <div class="shop_name ellipsis">{{item.name}}</div>
                    </div>
                  </a>
                </div>
              </div>
              <common-page :current="1" :all="total" @btn-click="listen"></common-page>
            </div>
          </div>
        </div>
      </div>
    </div>
    <common-footer></common-footer>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
      focusCenter();
  </script>
</body>

</html>